
require.config({
    baseUrl:"./my_modules",
    paths:{
        jq:"../libs/jquery.2.2.4",
        gp:"getPro",
        render:"listRender",
        cd:"changeData"
    }
})

require(["jq","gp","render","cd"],(_, getPro,render,changeData)=>{
    // 模块化的购物车 - 商品列表
        // 1. 请求数据
        getPro("http://localhost:3000/api",{
            type:"getPro"
        }).then(res=>{
            console.log(res);
            // 2. 渲染页面
            render($(".cont"), res);
            // 3. 使用事件委托绑定添加购物车的点击事件
            $(".cont").on("click",".add",function(){
                // 登录守卫
                if(localStorage.getItem("isLogin") !== "ok"){
                    if(confirm("登录之后才能加入购物车，是否跳转到登录")){
                        location.href = "./login.html"
                    }
                    return;
                }
                // 4. 存储点击加入购物车的商品数据
                // 4.1获取id
                const id = $(this).parent().attr("index")
                // 4.2获取本地数据
                const goods = localStorage.getItem("goods") ? JSON.parse(localStorage.getItem("goods")) : [];
                // 获取价格(有坑)
                const price = $(this).prev("p").html()-0;
                // 4.3处理数据
                const data = changeData(goods, id, price);
                // 4.4存储本地数据
                localStorage.setItem("goods", JSON.stringify(data));
            })
        },code=>{
            // 数据请求失败
            console.log(code);
        })
})

